<!DOCTYPE html>
<html xml:lang="zh" lang="zh">
	<head>
		<meta charset="utf-8">
		<title>鑫乐居-注册</title>
		<style>
			*{
				margin: 0;
				padding: 0;
				font-family: "微软雅黑";
			}
			#container{
				overflow:hidden;
				height: 100%;
				width: 100%;
				margin:0px auto;
			}
			#header{
				width: 100%;
				height:94px;
				background: #eee;
				border-bottom:3px solid #f08803;
			}
			.img1{
				margin:20px 13.4%;	
			}
			.call{
				float: right;
				margin-right:183px;
				line-height:100px;
			    font-size: 18px;
			    color: #ff8b02;
			    
			}
			.call .img2{
			position: relative;
			top:10px;
			right: 5px;	
			}
			#content{
				background:url(img/login_bg.jpg) no-repeat;
				height:570px;
				width:100%;
				font-size:20px;
			}
			#login{
				position:relative;
				top: 50px;
				width:400px;
				height:400px;
				left: 50%;
				border-radius: 5px;
				background: #efefef;
			}
			#form1{
				background:#efefef;
				height:200px;
			    padding:20px;
			    
			}
			#form1 #input{
				background:#efefef;
				height:48px;
				border:none;
				width:250px;
				margin-left:6px;
				padding-left:8px;
				font-size:18px;
			}
			#form1 #input:focus{
				margin-left: 8px;
				padding-left:8px;
			    font-size:18px;
				border:1px solid #337AB7;
				border-radius:3px;
			}
			.text{
				margin-left: -15px;
			    padding-top: 10px;
			    text-align: left;
			    font-size: 20px;
			    color: #000;
			}
			.input1{
				border:1px solid #cedce8;
				margin-top:13px;
				height:50px;
			}
			.input1 img{
				position: relative;
				top:10px;
			}
			.input2{
				border:1px solid #cedce8;
				margin-top:13px;
				height:48px;
			}
			.input3 input{
				margin-top:40px;
			}
			.input3 label{
				color: #666;
				font-size:18px;
				margin-left:5px;
				cursor: pointer;
				font-weight:400;
			}
			.input4 input{
				height:43px;
				border-radius:4px;
				color: #fff;
				border: none;
				font-size: 20px;
    			margin-top:20px;
    			width: 45%;
                background-color: #ec971f;
                border-color: #d58512;
			}
			.input4 a{
				margin-left:29px;
				width: 100px;
				border-radius:5px;
				color: #fff;
				font-size: 20px;
    			margin-top:20px;
                background-color: #ec971f;
                border-color: #d58512;
                text-decoration: none;
			}
			.img{
				position: relative;
				top:20px;
				left: -22px;
				padding-left:15px;
				width:385px;
				height: 80px;
				border-bottom-left-radius: 5px;
    			border-bottom-right-radius: 5px;
				background: #DDDDDD;
			}
		    .img .pic{
		    	position:relative;
		    	left:100px;
				top:20px;
			}
			footer{
				background:#fff;
				width:1380px;
			    line-height:50px;
			    text-align:center;
			    font-size:14px;
			    color:#000; 
			    margin-top:580px; 
			}
		</style>
		<script>
        window.onload=function a(){
 			var email=document.getElementById("email").value;
    		if(!ObjValue.match(/^[a-zA-Z]\w{5,17}$/)){
         	alert("6~18个字符，可以使用字母、数字、下划线，需以字母开头");
         	return false;
      }
}
		window.onload=function a(){
 			var password=document.getElementById("password").value;
    		if(!ObjValue.match(/^[a-zA-Z]\w{5,17}$/)){
         	alert("6~18个字符，可以使用字母、数字、下划线，需以字母开头");
         	return false;
      }
}
</script>
	</head>
	<body>
		<div id="container">
			<div id="header">
				<img src="img/logo.png" class="img1">
				<span class="call"><img src="img/img_tel.png" class="img2"/>4000-160-140</span>
			</div>
			
			<form action="reg.php" method="post" id="form">
			<div class="div1">
				欢迎注册鑫乐居 我们会竭诚为您服务！欢迎下载鑫乐居APP
			</div>
			<div class="div2">
				邮件地址：<input type="text" name="email" id="email">
				<div class="class1">6~18个字符，可以使用字母、数字、下划线，需以字母开头</div>
			</div>
			<div class="div3">
				密码：<input type="password" name="password" id="password">
				<div class="class2">6~16个字符，区分大小写</div>
			</div>
			<div class="div4">
				确认密码：<input type="password" name="repassword">
				<div class="class3">请再次填写密码</div>
			</div>
			<div class="div5">
				验证码：<input type="text" name="random">
				<div class="class4">请填写图片中的字符，不区分大小写</div>
			</div>
			<div class="div6">
				<input type="checkbox" name="check">同意“服务条款”和“隐私权相关政策”
			</div>
			<div class="div7">
				<input type="submit" name="submit" value="立即注册">
			</div>	
			</form>

			<footer>
				<p>
				Copyright  ©  2010-2015  All  Rights   Reserved.  京ICP备15041059号-1 京公网安备11010502027337 北京瑞卓喜创科技发展有限公司版权所有
				</p>
			</footer>
		</div>
		
	</body>
</html>
